import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import style from '../home/index.module.css'
import { Avatar, List } from 'antd-mobile'
function Index() {
    const demoAvatarImages = [
  'https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
  'https://images.unsplash.com/photo-1493666438817-866a91353ca9?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=b616b2c5b373a80ffc9636ba24f7a4a9',
  'https://images.unsplash.com/photo-1542624937-8d1e9f53c1b9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
  'https://images.unsplash.com/photo-1546967191-fdfb13ed6b1e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
]
  return (
    <div>
        <div className={style.op1}>
              <NavBar >标题</NavBar>
                    <div className={style.op2}>
      
          <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description=''
          >
            <p className={style.ik}>6-9 9:46</p>
            <div className={style.cl}>
                你登录的账号在一台新设备成功
                登录,如本人操作,期满后及时修改密码
            </div>
          </List.Item>
        </List>
         <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description=''
          >
            <p className={style.ik}>4天前</p>
            <div className={style.cl}>
             你提交的个人资料修改申
             请审核已通过,你本月还有修改资
             料次数,用户简介4次
            </div>
          </List.Item>
        </List>
               <List>
          <List.Item
            prefix={<Avatar src={demoAvatarImages[0]} />}
            description=''
          >
            <p className={style.ik}>13.29</p>
            <div className={style.cl}>
        你发表的文章魅族16s与16s
        Pro降级救砖自助教程没有
        审核通过,原因:含有广告
        外链
        点击查看:https://www.baidu.com/
            </div>
          </List.Item>
        </List>
        </div>
        </div>
  
  
    </div>
  )
}

export default Index
